<template>
  <div>
    <h2>$root传值：</h2>
    <p>当前的数量是{{ $root.count }}</p>
    <button @click="$root.count++">修改在vue实例中的共享数据</button>
    <Child />
    <hr />
    <p>
      注释: <br />
      * 获取当前组件树的根 Vue 实例<br />
      * 我们可以借助这个$root做事件总线类似的传值方式（最牛逼的状态提升）<br />
    </p>
  </div>
</template>

<script>
import Child from "./Child";
export default {
  name: "Root",
  components: {
    Child,
  },
  mounted() {
    console.log(this.$root.count, "index");
  },
};
</script>

<style></style>
